.home {
    display: flex;
    flex-direction: column;

    .content {
        flex: 1;
        overflow-y: auto;
        padding: 10px;

        .message-box {
            margin: 10px 0;
            padding-left: 30%;

            &.you {
                .message-content {
                    padding: 10px;
                    background-color: rgb(0, 106, 255);
                    color: white;
                    border-radius: 15px 15px 0 15px;

                }
            }



            &.ai {
                padding-left: unset;
                padding-right: 30%;

                .message-content {
                    padding: 10px;
                    background-color: rgb(222, 222, 222);
                    border-radius: 15px 15px 15px 0;
                }
            }
        }
    }

    .input-content {
        // height: 1.2rem;
        padding: 5px 10px;
        display: flex;

        .input-frame {
            flex: 1;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;

            .input-area {
                width: 100%;
                border-radius: 50px;
                border: 0.02rem solid #E8E9EC;
                resize: none;
                max-height: 90%;
                // min-height: 100%;
                padding: 2px 10px;
                overflow: auto;
                word-break: break-all;
                outline: none;
                background-color: #e6e6e6;

                &:focus {
                    border: 0.02rem solid #E8E9EC;
                }
            }

        }

        .send {
            width: 40px;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;

            .iconfont-box {
                background-color: dodgerblue;
                border-radius: 50%;
                padding: 7px;
                display: flex;
                justify-content: center;
                align-items: center;

                .iconfont {
                    color: rgb(255, 255, 255) !important;
                    font-size: 20px !important;
                }
            }

        }
    }
}